<?php
\frontend\modules\yii2\widgets\layouts\docker\assets\DockerAsset::register($this);
$this->title = 'Docker容器编排工具';
$this->registerMetaTag([
    'name' => 'keywords',
    'content' => 'Yii,Docker,docker-compose,docker-compose.yml,yaml,编排,容器,工具,自动化'
]);
$this->registerMetaTag([
    'name' => 'description',
    'content' => '通过可视化界面操作快速生成docker-compose.yml容器编排文件，并保存为模板供以后快速查阅调用'
]);
$this->registerMetaTag([
    'name' => 'author',
    'content' => 'chenzhiwei'
]);

?>

<div class="container">
    <div class="row d-docker">
        <div class="col-lg-2 d-nav">
            <button class="btn btn-default btn-sm ">添加模板</button>
            <div class="d-models">
                <ul>
                    <li><a>自定义PHP镜像</a></li>
                    <li><a>Yii发布的镜像</a></li>
                </ul>
            </div>
        </div>
        <div class="col-lg-3 d-buttons">
            <button class="btn btn-default btn-sm">新增镜像</button>
            <button class="btn btn-default btn-sm">设置网络</button>
            <!--设置网络-->
            <div class="d-network">
                <div class="d-network-setting">
                    <label class="radio-inline">
                        <input type="radio" name="network" value="1" id="create-network" checked> 创建网络
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="network" value="2" id="ext-network"> 外部网络
                    </label>
                </div>
                <div class="form-horizontal d-form-create-network">
                    <div class="form-group">
                        <label for="subnet" class="col-sm-3 control-label">Subnet: </label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="subnet" placeholder="subnet" value="172.18.0.0/16">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="gateway" class="col-sm-3 control-label">Gateway: </label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="gateway" placeholder="gateway" value="172.18.0.1">
                        </div>
                    </div>
                </div>
                <div class="form-horizontal d-form-ext-network">
                    <div class="form-group">
                        <label for="network" class="col-sm-3 control-label">Network: </label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="network" placeholder="Exter Network">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="network" class="col-sm-3 control-label">Network: </label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="network" placeholder="Exter Network">
                        </div>
                    </div>
                </div>
            </div>
            <!--新增镜像-->
            <div class="d-images">
                <div class="d-image form-horizontal">
                    <div class="form-group">
                        <label for="image" class="col-sm-3 control-label">Image: </label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="image" placeholder="Image" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="name" class="col-sm-3 control-label">Name: </label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="name" placeholder="Container Name" value="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-3" style="height: auto;border: 1px solid #ccc; border-radius: 10px; margin: 10px">
            <div class="docker-compose">
                docker-compose.yml
            </div>
        </div>
    </div>

</div>
